/*CSS reset*/ 
ul, li,nav{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */


 



#timeline-navigation li{
    font-size: 14px;
    margin: 0;
    padding: 0;
    border: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*CSS reset*/

/*------------set up content slider-------------*/

#content-slider {
   width: 900px; 
   height: 6px;
   margin: 0px 8px 5px 40px;
   position: relative;
   background-image : url(../images/dot.gif);
   clear: both;
}
#content-scroll {
   width: 1000px;
   height: 570px;
   border: solid 1px green;
   background-color: #FFFBE0;
}     


div.timeline-year {
   display: none;
   height: 560px;
   overflow: hidden;
}
.timeline-header {
  font-size: 50px; 
  font-weight: bold;
  margin: 15px 90px;
  color: pink;
  z-index: -2;
}
p {
  font-family: sans-serif;
  line-height: 15px;
  letter-spacing: 1px;
  text-align:  justify;
}

/*-------set up timeline navigation bar-----------*/
 
/*set up timeline navigation bar background color gadient*/
#timeline-navigation {
    width: 1000px;
    height: 75px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.43, rgb(92,92,83)),
    color-stop(0.62, rgb(28,28,23)),
    color-stop(0.87, rgb(92,92,83))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(92,92,83) 43%,
    rgb(28,28,23) 62%,
    rgb(92,92,83) 87%
);
}
#timeline-navigation li{
    width: 45px;
    color: #FFFFFF;
    margin-left: 20px;
    padding: 5px;
    padding-top: 15px;
    list-style: none;
    float: left;
}
#timeline-navigation li.year-active {
    color: #FF00AA;
}
.ui-slider-handle {
   width: 18px;
   height: 16px;
   position: absolute;
   top: -4px;
   background-image : url(../images/cursor.png);

}



.tite{
font-size : 36px;
text-align : center;
color : #FF00AA;
margin : -490px 0 0 490px;
}

.detail{
    margin-left : 550px; width: 400px; text-align: justify; 
}